.position{
    width: 100%;
    height: 100%;
    position: relative;
}
.backcolor{
    z-index: 1;
    background-color: #ffaf32;
}
.pathcolor{
    z-index: 2;
    background-color: rgb(179, 228, 230);
}
.findpathcolor{
    z-index: 10;
    background-color:  rgb(78, 211, 182);
}
.spotcolor{
    z-index: 3;
    background-color: rgb(0, 0, 0);
}

.elements{
    z-index: 3;
    background-color: rgb(177, 177, 177);
}
.findpath{
    z-index: 9;
    background-color: rgb(4, 42, 255);
}
.now{
    z-index: 4;
    background-color: rgb(255, 81, 0);
}
.begin{
    z-index: 3;
    background-color:rgb(179, 228, 230);
}

.up{
    left: 17%;
    width: 66%;
    height: 83%;
    min-width: 1px;
    min-height: 1px;
    position: absolute;
}
.down{
    top: 17%;
    left: 17%;
    width: 66%;
    height: 83%;
    min-width: 1px;
    min-height: 1px;
    position: absolute;
}

.left{
    top: 17%;
    width: 83%;
    height: 66%;
    min-width: 1px;
    min-height: 1px;
    position: absolute;
}

.right{
    top: 17%;
    left: 17%;
    width: 83%;
    height: 66%;
    min-width: 1px;
    min-height: 1px;
    position: absolute;
}

.spot{
    top: 35%;
    font-size: 19px;
    line-height: 36px;
    text-align: center;
    left: 35%;
    width: 30%;
    height: 30%;
    border-radius:50%;
    position: absolute;
    
}